<ul data-role="listview" data-theme="d">
    <li data-icon="delete"><a href="#" data-rel="close">Cerrar</a></li>
    <li data-role="list-divider">Menu</li>
    <li data-icon="home"><?= $this->Html->link('Inicio', array('controller'=>'M', 'action'=>'inicio')); ?></li>
    <li><?= $this->Html->link('Programación', array('controller'=>'M', 'action'=>'programacion')); ?></li>
    <li><?= $this->Html->link('En vivo', array('controller'=>'M', 'action'=>'live')); ?></li>
</ul>
<div data-role="collapsible" data-inset="false" data-iconpos="right" data-theme="d" data-content-theme="d">
  <h3>Categories</h3>
  <div data-role="collapsible-set" data-inset="false" data-iconpos="right" data-theme="b" data-content-theme="d">
    <div data-role="collapsible">
      <h3>Bikes</h3>
      <ul data-role="listview">
        <li><a href="#">Road</a></li>
        <li><a href="#">ATB</a></li>
        <li><a href="#">Fixed Gear</a></li>
        <li><a href="#">Cruiser</a></li>
      </ul>
    </div><!-- /collapsible -->
    <div data-role="collapsible">
      <h3>Cars</h3>
      <ul data-role="listview">
        <li><a href="#">SUV</a></li>
        <li><a href="#">Sport</a></li>
        <li><a href="#">Convertible</a></li>
      </ul>
    </div><!-- /collapsible -->
    <div data-role="collapsible">
      <h3>Boats</h3>
      <ul data-role="listview">
        <li><a href="#">Runabout</a></li>
        <li><a href="#">Motorboat</a></li>
        <li><a href="#">Sailboat</a></li>
      </ul>
    </div><!-- /collapsible -->
  </div><!-- /collapsible-set -->
</div><!-- /collapsible -->
